<template>
  <div>
    <div style="text-align:center;margin-top: 20px;">
      <el-radio-group size="medium" v-model="val" button-style="solid">
        <el-radio-button label="shift">
          {{$t('sys.shift_setting')}}
        </el-radio-button>
        <el-radio-button label="temp">
          {{$t('sys.template_settings')}}
        </el-radio-button>
      </el-radio-group>
    </div>
    <shift-temp-setting v-if="val === 'temp'"></shift-temp-setting>
    <shift-setting v-if="val === 'shift'"></shift-setting>
  </div>
</template>

<script>
import ShiftSetting from './modules/ShiftSetting'
import ShiftTempSetting from './modules/ShiftTempSetting'
export default {
  name: 'ShiftConfig',
  components: {
    ShiftSetting,
    ShiftTempSetting
  },
  data () {
    return {
      val: 'shift'
    }
  }
}
</script>

<style scoped></style>
